<?php

require_once realpath (dirname (__FILE__).'/controlador/beans/Ruta.php');
require_once realpath (dirname (__FILE__).'/controlador/beans/Alojamiento.php');


/*$query_llegar = "SELECT * FROM como_llegar WHERE id_ruta = '$idRuta'";
$query_hoteles = "SELECT * FROM hoteles WHERE id_ruta = '$idRuta'";

$query_comentarios = "SELECT * FROM comentarios WHERE id_ruta = '$idRuta'";
*/

$idRuta = isset($_GET['idRuta']) ? $_GET['idRuta']:1;
$ruta = new Ruta;
$dRuta = $ruta ->mostrarRuta($idRuta);
//extraigo ids de los alojamientos de la ruta
$idsAloj = $ruta ->idsAlojamientos($idRuta);
?>

<!DOCTYPE html>
<html>
	<head>
		<title><?=$dRuta['nombre']?></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
      	<link rel="shortcut icon" href="Imagenes/favicon.ico" />
      	<link href="estilos/layoutGral.css" rel="stylesheet" type="text/css" />
      	<link href="estilos/ruta.css" rel="stylesheet" type="text/css" />

	</head>
	<body>
		<? include_once('cabeceraMenu.php'); ?> 
		<div id="contenedor">
			<section id="datosRuta">
			<img src="<?=$dRuta['imagen_ppal']?>" />
			<h1><?=$dRuta['nombre']?></h1>
			<article>mapa</article>
			<article id="tecnica">
				<h2>Ficha Técnica</h2>
				<p>Lugar: <span><?=$dRuta['lugar']?></span></p>
				<p>Duración: <span><?=$dRuta['duracion']?></span></p>
				<p>Distancia: <span><?=$dRuta['distancia']?> km.</span></p>
				<p>Desnivel: <span><?=$dRuta['desnivel']?> metros</span></p>
				<p>Tipo de Ruta: <img src="<?=$dRuta['imgTipoRuta']?>" alt="<?=$dRuta['txtTipoRuta']?>" title="<?=$dRuta['txtTipoRuta']?>" /></p>
			</article>
			<article id="interes">
				<h2>Datos de Interés:</h2>
				<p>Dificultad: <img src="<?=$dRuta['imgDificultad']?>" alt="<?=$dRuta['txtDificultad']?>" title="<?=$dRuta['txtDificultad']?>" id="dificultad" /></p>
				<p>Agua: <img src="<?=$dRuta['imgAgua']?>" alt="<?=$dRuta['txtAgua']?>" title="<?=$dRuta['txtAgua']?>" id="agua" /></p>
				<p>Ganado: <img src="<?=$dRuta['imgGanado']?>" alt="<?=$dRuta['txtGanado']?>" title="<?=$dRuta['txtGanado']?>" id="ganado" /></p>
				<p>Afluencia: <img src="<?=$dRuta['imgAfluencia']?>" alt="<?=$dRuta['txtAfluencia']?>" title="<?=$dRuta['txtAfluencia']?>" id="afluencia" /></p>
				<p>Estaciones: <img src="<?=$dRuta['imgEstaciones']?>" alt="<?=$dRuta['txtEstaciones']?>" title="<?=$dRuta['txtEstaciones']?>" id="estaciones" /></p>
			</article>
			<div class="clear"></div>
			</section>
			<section id="ptoInicio">
				<h2>Punto de Inicio de la Ruta:</h2>
				<!--la imagen puede ser opcional
				se abre en pequeño a la derecha cuando clickas se hace más grande en una nueva capa con el texto abajo.-->
				<img src"inicio de la ruta" alt="imagen de inicio de la ruta"/>
				<p>Descripcion del punto de inicio de la ruta. Esto es una descripcion del punto de inicio de la ruta a ver si sale de manera correcta como tiene que salir</p>
				<div class="clear"></div>

			</section>
			<section>
				<h2>Cómo llegar:</h2>
				<!--solo separados con una raya entre ellos no bordes laterales 
				para añadir al final de ellos -->
				<article class="llegarDetalle">
					<img src="imagenes/web/rutaGral/coche.png"  style="width:70px; height:70px; float:left;"  />
					<h4> desde donde</h4><!-- ciudad solo capital de provincia, si le das te lleva a google maps con la ciudad-->
					<p>intrucciones</p>
					<a href="enlace a mapa">pequeño a la drecha?</a>
				</article>
			</section>

			<section>
				<h2>Dónde Dormir:</h2>
                 <?
				// conociendo el número de alojamientos mostrar Alojamiento por cada uno que haya
				$alojamiento = new Alojamiento; 
				//coge array ids de alojamientos y lo va recorriendo creando nueva instancia y mostrandolo.
				$cont = 0;
				foreach($idsAloj as $idAloj){
				$dAloj = $alojamiento ->mostrarAlojamiento($idAloj);
				?>
               
				<article>
					<table class="alojamiento">
						<colgroup>
						<col style="width:15%">
						<col style="width: 20%">
						<col style="width: 5%">
						<col style="width: 60%">
						</colgroup>
						<tbody>
							<tr>
						    	<td rowspan="3" style="max-width:125px; vertical-align:top">
						    		<img src="<?=$dAloj['imagenAloj']?>" alt="<?='imagen de '.$dAloj['nombreAloj'];?>" class="imagenAloj" />
						    	</td>
						    	<td colspan="3">
						    		<h4><?=$dAloj['nombreAloj'];?></h4>
								</td>
						  	</tr>
						  	<tr>
						    	<td>
                                	<table border="0" class="perrosAloj">
                                    	<tbody>
                                        	<tr>
                                            	<td><img src="<?=$dAloj['imgNumPerros'];?>" alt="<?=$dAloj['txtNumPerros'];?>" title="<?=$dAloj['txtNumPerros'];?>"/></td>
                                            </tr>
                                            <tr>
                                            	<td><p><b><?=$dAloj['tarifaAloj'];?></b></p></td>
                                            </tr>
                                		</tbody>
                                	</table>
                                </td>
						    	<td><img src="imagenes/web/alojamiento/contacto.png" /></td>
						    	<td class="contacto">
                                	<p><?=$dAloj['tfnoAloj'];?></p>
                                    <p><?=$dAloj['webAloj'];?></p>
                                    <p><?=$dAloj['emailAloj'];?></p>
                                </td>
						  	</tr>
                            <tr>
                            	<td colspan="3"><p class="descripAloj"><?=$dAloj['descAloj'];?></p></td>
                            </tr>
						</tbody>
					</table>
					<hr style="width:70%" />
				</article>
				<? $cont++;
				} ?>
				<!-- para añadir solo sale si está logueado el usuario -->
				<article>
					<div id="anadirAloj">
						<img src="imagenes/web/alojamiento/masAloj.png" />
						<p>Añadir un alojamiento a la ruta </p>
					</div>
					<form>
						<!--indicar que los alojamientos tienen que estar a menos de 40km de la ruta 
						y que deben admitir perros de todos los tamaños-->
						<input type="text" id="nombreAlojNew" />campo obligatorio, que se cargue para ver si existe
						<input type="radiobutton"/>unperro varios perros
						<!--alguno de los 3 datos de contacto deben ser obligatorios-->
						<input type="text" id="tfnoAlojNew" />
						<input type="text" id="webAlojNew" />
						<input type="text" id="mailAlojNew" />
					</form>
				</article>
			</section>

			<section><?=$dRuta['descripcion']?></section>

			<section>Descargar ruta</section>
			<section>album fotos enlace o puede ser un slide encima de descripción con las imagenes en pequeño.
				<img src="<?=$dRuta['imagen_ppal']?>" alt="portada del álbum de fotos" title="portada del album de fotos" />
			</section>
			
			<section>comentarios
				<article>cada uno de los comentarios</article>
			</section>

			<footer></footer>
	</div>
	</body>
</html>